<script setup>
import { reactive } from 'vue'
import { ElMessage } from 'element-plus'
const form = reactive({ name: '', email: '', message: '' })
const submit = () => {
  ElMessage.success('已收到您的信息，我们将尽快联系您！')
}
</script>

<template>
  <div class="section">
    <div class="container" v-reveal>
      <el-page-header content="联系与合作" />
      <el-form class="mt" :model="form" label-width="84px" @submit.prevent>
        <el-form-item label="姓名">
          <el-input v-model="form.name" placeholder="您的姓名" />
        </el-form-item>
        <el-form-item label="邮箱">
          <el-input v-model="form.email" placeholder="name@example.com" />
        </el-form-item>
        <el-form-item label="需求">
          <el-input v-model="form.message" type="textarea" :rows="4" placeholder="简单描述您的需求" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submit">发送</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<style scoped>
.mt { margin-top: 16px }
</style> 